<template>
  <div style="display: flex;flex-direction: column;width: 100vw;">
    <div style="height: 60px;display: flex;align-items: center;justify-content: center;">
      <el-alert
          title="提示"
          description="该功能可以上传做了标识的招标文件与编制好的投标文件，两者进行自动匹配分析，检查投标文件是否存在丢项落项，是否与本次招标要求相符。"
          type="info"
          show-icon/>
    </div>


    <div style="margin-top: 2%">
      <el-upload
          class="upload-demo"
          drag
          action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
          multiple
      >
        <el-icon class="el-icon--upload">
          <upload-filled/>
        </el-icon>
        <div  class="el-upload__text">
          拖拽文件到此处或者 <em>点击上传</em>
        </div>
        <template #tip>
          <div class="el-upload__tip">
            同时上传做了标识的招标文件和编制好的投标文件
          </div>
        </template>
      </el-upload>
    </div>

  </div>
</template>

<script setup>
import {UploadFilled} from '@element-plus/icons-vue'
import {reactive} from "vue";
const data = reactive({
  form: []
})


</script>

<style scoped>
.el-alert {
  margin: 20px 0 0;
}

.el-alert:first-child {
  margin: 0;
}
</style>